<template>
  <div>
    <el-tabs v-model="activeTab">
      <el-tab-pane label="用户-角色配置" name="userRole">
        <user-role-config></user-role-config>
      </el-tab-pane>
      <el-tab-pane label="角色-目录配置" name="roleMenu">
        <role-menu-config></role-menu-config>
      </el-tab-pane>
      <el-tab-pane label="用户-角色配置（穿梭）（角色-指标）" name="testUserRole">
        <test-user-role></test-user-role>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import UserRoleConfig from '@/views/label/permissions/userRoleConfig.vue';
import RoleMenuConfig from '@/views/label/permissions/roleMenuConfig.vue';
import TestUserRole from '@/views/label/permissions/userRole.vue';

export default {
  components: {
    UserRoleConfig,
    RoleMenuConfig,
    TestUserRole
  },
  data() {
    return {
      activeTab: 'userRole'
    };
  }
};
</script>
